<!doctype html>
<html>
	<head>	
		<meta charset="utf-8">
		<title>转让详情</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../../css/mui.min.css">
		<link rel="stylesheet" href="../../css/my/allTransferDetail.css">
	</head>
	<body>
		<!--
        	作者：dingyong
        	时间：2018-01-23
        	描述：转让详情
        -->
		<div id="vue-app">
		<nav class="mui-bar mui-bar-tab canclek" v-if="model.State==1">
			<button type="button" class="mui-btn mui-btn-primary mui-btn-block mui-btn-bottom canceltran" @tap="btnCancle">取消转让</button>
		</nav>
		<div class=" mui-scroll-wrapper mui-content alltrans" id="pullrefresh" >
		    <div class="mui-scroll">
			<ul class="mui-table-view trlist">
				<li class="mui-table-view-cell">
				 	<span class="mui-pull-left">项目名称</span>
				 	<em class="mui-pull-right">{{model.Name}}</em>
				</li>
		        <li class="mui-table-view-cell">
		         	<span class="mui-pull-left">转让金额</span>
				 	<em class="mui-pull-right">{{model.TransferAmount}}</em>
		        </li>
		        <li class="mui-table-view-cell">
		         	<span class="mui-pull-left">待收本金</span>
				 	<em class="mui-pull-right">{{model.SurplusCapital}}</em>
		        </li>
		        <li class="mui-table-view-cell">
		         	<span class="mui-pull-left">当期应收利息</span>
				 	<em class="mui-pull-right">{{model.Interest}}</em>
		        </li>
		    </ul>
		    <ul class="mui-table-view trlist">
		        <li class="mui-table-view-cell">
		         	<span class="mui-pull-left">剩余期数</span>
				 	<em class="mui-pull-right">{{model.SurplusPeriod || 0}}个月</em>
		        </li>
		        <li class="mui-table-view-cell">
		         	<span class="mui-pull-left">持有期数</span>
				 	<em class="mui-pull-right">{{model.HoldPeriod || 0}}个月</em>
		        </li>
		    </ul>
		    <ul class="mui-table-view trlist trlist2">
		        <li class="mui-table-view-cell">
		         	<span class="mui-pull-left">转让手续费</span>
				 	<em class="mui-pull-right">{{model.Fee}}</em>
		        </li>
		        <li class="mui-table-view-cell">
		         	<span class="mui-pull-left">折溢价</span>
				 	<em class="mui-pull-right">{{model.ReduceAmount}}</em>
		        </li>
		        <li class="mui-table-view-cell">
		         	<span class="mui-pull-left">实际到账金额</span>
				 	<em class="mui-pull-right">{{model.FactAmount}}</em>
		        </li>
		        <li class="mui-table-view-cell">
		         	<span class="mui-pull-left">状态</span>
				 	<em class="mui-pull-right">{{model.State | getState}}</em>
		        </li>
			</ul>
			<h2>收购方</h2>
			<ul  class="mui-table-view investlist">
				<li class="mui-table-view-cell" v-for="item in acquirer.list">
				 	<dl class="zlist clearfix">
						<dt>
							<span>{{item.UserName}}</span>
						</dt>
						<dd>
							<p>{{item.Amount}}</p>
							<p>{{item.InsertTime}}</p>
						</dd>
					</dl>
				</li>
			</ul>
		</div>
		</div>
		</div>
		<script type="text/javascript" src="../../js/mui.min.js" ></script>
		<script type="text/javascript" src="../../js/vue2.min.js" ></script>
		<script type="text/javascript" src="../../js/common.js" ></script>
		<script type="text/javascript" src="../../js/my/transferDetail.js" ></script>
	</body>
</html>